<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Produccion</title>
    </h:head>
    
    <h:body>
        
        <p:layout fullPage="true">
                
            <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                    <A href="index.xhtml"><img src="imgs/Cabeza.png" width="100%" height="37" alt="Cabeza"/></A>
                    <center><h3>  </h3> </center>
                </p:layoutUnit>    
                           
                <p:layoutUnit position="west" size="265" header="Left" collapsible="true">
    
    <h:form><!-- inicia menú principal -->
    <p:growl autoUpdate="true"/>
 
    <p:panelMenu style="width:240px">
        <p:submenu label="Producción">
            <p:submenu label="Órdenes">
                <p:submenu label="Manual">
                    <p:menuitem value="Crear" outcome="alt_pedido.xhtml" actionListener="#{menuView.delete}"/>
                    </p:submenu>    
                <p:submenu label="Automática">
                    <p:menuitem value="Configurar" outcome="config_autom.xhtml" actionListener="#{menuView.delete}"/>
                    </p:submenu>
            </p:submenu>
            <p:menuitem value="Lista órdenes" outcome="list_ord.xhtml" actionListener="#{menuView.delete}"/>
            <p:menuitem value="Bodegas" outcome="bodegas.xhtml"/>
            <p:separator />
        </p:submenu>
        <p:submenu label="Cálculo">
            <p:menuitem value="Mano de Obra" outcome="calc_mo" actionListener="#{menuView.delete}"/>
            <p:menuitem value="Materiales" outcome="calc_mat.xhtml" actionListener="#{menuView.delete}"/>
            <p:menuitem value="Maquinaria" outcome="calc_maq.xhtml" actionListener="#{menuView.delete}"/>
        </p:submenu>
        <p:separator />
        <p:submenu label="Productos">
            <p:menuitem value="Listado Materiales" outcome="prod_list_mat.xhtml" actionListener="#{menuView.delete}"/>
            <p:submenu label="Productos">
                <p:menuitem value="Crear" outcome="prod_crearproducto.xhtml" actionListener="#{menuView.delete}"/>
                <p:menuitem value="Ver Catálogo" outcome="prod_catalogo_prod.xhtml" actionListener="#{menuView.delete}"/>
            </p:submenu>
        </p:submenu>
        <p:separator />
        <p:submenu label="Etiquetación" >
            <p:menuitem value="Crear e imprimir" outcome="etiq_crearimp.xhtml" actionListener="#{menuView.delete}"/></p:submenu>
        <p:submenu label="Reportes" >
            <p:menuitem value="Ver e imprimir" outcome="repor_verimpr.xhtml" actionListener="#{menuView.delete}"/>
        </p:submenu>
    </p:panelMenu>
</h:form><!--termina menú principal --> 
                
                </p:layoutUnit>
                
                <p:layoutUnit position="center">
                    
                    <h:form>
                        <h:panelGrid columns="2" cellpadding="5">
                            <h:outputLabel value="No. Bodega:"/> <p:inputText value="#{bodeg.nobod}" size="7" />
                            <h:outputLabel value="Nombre Bodega:"/> <p:inputText value="#{bodeg.nom_bod}" size="7" />
                            <h:outputLabel value="Ubicación Bodega:"/> <p:inputText value="#{bodeg.ubic_bod}" size="7" />
                            <h:outputLabel value="Capacidad Máxima:"/> <p:inputText value="#{bodeg.cap_max}" size="7" />
                            <h:outputLabel value="Categoría:"/> <p:inputText value="#{bodeg.categ}" size="7" />
                            
                            <p:commandButton value="Generar" id="gen_orden" actionListener="#{bodeg.addAction()}" ajax="false" />      
                        </h:panelGrid>    
                    </h:form>
                    
<!--  TABLA  -->   <h:form id="form1"> 
            
    <p:growl id="messages" showDetail="true"/>
            
            <p:dataTable value="#{bodeg.orderList}" var="bod"  widgetVar="50" style="width: 100%;" editable="true">
                    <f:facet name="header">  
                        BODEGAS
                    </f:facet>
                    <p:ajax event="rowEdit" listener="#{bodeg.onEdit}" update=":form1:messages" />  
                    <p:ajax event="rowEditCancel" listener="#{bodeg.onCancel}" update=":form1:messages" />
                    <p:column width="10%">
                        <f:facet name="header">  
                            <h:outputText value="BODEGA No." />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{bod.nobod}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{bod.nobod}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="NOMBRE BODEGA" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{bod.nom_bod}" />
                                </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{bod.nom_bod}" style="width:100%"/>
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="UBICACIÓN" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{bod.ubic_bod}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{bod.ubic_bod}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                                 
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="CAPACIDAD" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{bod.cap_max}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{bod.cap_max}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column>
                        <f:facet name="header">  
                            <h:outputText value="CATEGORÍA" />  
                        </f:facet>
                        <p:cellEditor>  
                            <f:facet name="output">  
                                <h:outputText value="#{bod.categ}" />  
                            </f:facet>  
                            <f:facet name="input">  
                                <p:inputText value="#{bod.categ}" style="width:100%"/>  
                            </f:facet>  
                        </p:cellEditor> 
                    </p:column>
                    
                    <p:column headerText="Opciones" style="width:75px">  
                        <p:rowEditor />
                        </p:column> 
                </p:dataTable>
        </h:form>
      <!-- inicio tabla  -->
                    
                    
                    
                    
                </p:layoutUnit>
                
                <p:layoutUnit position="south" size="58" closable="false" collapsible="false">
                <img src="imgs/pie.png" width="100%" height="37" alt="pie"/>                        
                </p:layoutUnit>                
             </p:layout>
        
    </h:body>
</html>